.ad {
  min-width: 300px;
  max-width: 500px;
  overflow: hidden;
  background: rgba(0,0,0,0.4);
  z-index: 10000;
}
.ad .close {
  right: 0;
  top: 0;
  width: 30px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}
.ad .close i {
  font-size: 20px;
  color: #fff;
}
.ad .ad-content {
  width: 100%;
  height: 100%;
}
.ad .ad-content .ad-text {
  left: 5px;
  top: 5px;
  color: #fff;
  font-size: 12px;
}
.ad .ad-content .ad-link,
.ad .ad-content .ad-link img {
  display: block;
  width: 100%;
  height: 100%;
}

.scene-hang {
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 0;
  width: 97%;
  height: 180px;
  text-align: right;
  pointer-events: none;
}
.scene-hang * {
  box-sizing: content-box;
}
.scene-hang .scene-hang-group {
  text-align: right;
  display: inline-block;
  width: 80%;
  vertical-align: text-bottom;
  height: 180px;
}
.scene-hang .scene-hang-group .scene-hang-group-item {
  pointer-events: auto;
  float: right;
  width: 30px;
  font-size: 16px;
  height: 180px;
  margin-left: 5px;
  cursor: pointer;
  text-align: center;
  padding: 0 13px 0 5px;
  writing-mode: vertical-rl;
  writing-mode: tb-rl;
  overflow: hidden;
  letter-spacing: 3px;
}
.scene-hang .scene-hang-group .scene-hang-group-item span {
  width: 25px;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  word-wrap: break-word;
  word-break: break-all;
  writing-mode: vertical-lr;
  text-orientation: upright;
}
.scene-hang .scene-hang-group .scene-hang-group-item span.active {
  color: #fff;
}
.scene-hang .scene-hang-logo {
  width: 15%;
  max-width: 100px;
  height: 180px;
  display: inline-block;
  margin-left: 5%;
}
.scene-hang .scene-hang-logo img {
  width: 100%;
  max-width: 100px;
  height: auto;
}
@media screen and (min-width: 768px) {
.scene-hang-logo {
    margin-left: 30px !important;
}
}

.back-mark {
  position: absolute;
  right: 3%;
  top: 143px;
  z-index: 11;
  width: 12px;
  font-size: 12px;
  height: 80px;
  cursor: pointer;
  text-align: center;
  box-sizing: content-box;
  padding: 0 10px;
  overflow: hidden;
}
.back-mark span {
  width: 12px;
  display: inline-block;
  height: 100%;
  word-wrap: break-word;
  word-break: break-all;
  letter-spacing: 3px;
  color: #fff;
}
@media screen and (max-width: 768px) {
.back-mark {
    top: 100px;
}
}

.aerial-introduction[data-v-05077a71] {
  position: absolute;
  z-index: 4;
  left: 30px;
  top: 40px;
  width: 38px;
  height: 33px;
  border-radius: 50%;
  cursor: pointer;
}

.barrage-item {
  width: auto;
  right: 0;
  min-height: 30px;
  line-height: 30px;
  display: block;
  padding-left: 30px;
  position: absolute;
  transform: translate3d(100%, 0, 0);
}
.barrage-item.replay {
  transform: translate3d(100%, 0, 0);
}
.barrage-item.playing {
  transform: translate3d(calc(-100vw - 200%), 0, 0);
}
.barrage-item.played {
  transform: translate(100%, 0);
  visibility: hidden;
}
.barrage-item .avatar {
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
.barrage-item .avatar img {
  width: 100%;
  height: 100%;
}

.barrage-container {
  position: absolute;
  width: 100%;
  top: 20px;
  bottom: 0;
}
.barrage-container * {
  box-sizing: content-box;
}
.barrage-container .barrages-list {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 40px;
  overflow: hidden;
}
.barrage-container .barrage-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.barrage-container .barrage-icon i {
  font-size: 20px;
}
.barrage-container .barrage-input {
  position: absolute;
  padding-left: 40px;
  background-color: #e5e9f2;
  z-index: 1000;
}
.barrage-container .barrage-input .input-wrap input {
  padding: 8px;
  border: 0;
  font-size: 12px;
  height: 16px;
}
.barrage-container .barrage-input .btn-wrap .barrage-btn {
  position: relative;
  top: 0;
  font-size: 12px;
  line-height: 36px;
  background-color: #e5e9f2;
  color: #324057;
  cursor: pointer;
  text-align: center;
}
.barrage-container .barrage-input .btn-wrap .barrage-close {
  color: #fff;
  background-color: #ff4949;
}
.size-0 {
  font-size: 16px;
  font-weight: bold;
}
.size-1 {
  font-size: 14px;
}
.size-2 {
  font-size: 12px;
}
.color-0 {
  color: #7fff00;
}
.color-1 {
  color: #008000;
}
.color-2 {
  color: #f00;
}
.color-3 {
  color: #9400d3;
}
.color-4 {
  color: #ffc0cb;
}
.color-5 {
  color: #ff0;
}
.color-6 {
  color: #fff;
}
.color-7 {
  color: #000;
}
@-moz-keyframes barrage-in {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@-webkit-keyframes barrage-in {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@-o-keyframes barrage-in {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@keyframes barrage-in {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@-moz-keyframes barrage-out {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes barrage-out {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@-o-keyframes barrage-out {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@keyframes barrage-out {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes input-box-in {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes input-box-in {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@-o-keyframes input-box-in {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@keyframes input-box-in {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes inputColor {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}
@-webkit-keyframes inputColor {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}
@-o-keyframes inputColor {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}
@keyframes inputColor {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}

.effect-item[data-v-1ea5f262] {
  width: 300px;
  right: 0;
  display: block;
  padding-left: 40px;
  position: absolute;
  transform: translate3d(100%, 0, 0);
  text-align: center;
}
.effect-item.replay[data-v-1ea5f262] {
  transform: translate3d(100%, 0, 0);
}
.effect-item.playing[data-v-1ea5f262] {
  transform: translate3d(calc(-100vw - 120%), 0, 0);
}
.effect-item.played[data-v-1ea5f262] {
  visibility: hidden;
}
.effect-item img[data-v-1ea5f262] {
  width: 300px;
  height: 200px;
  border: none;
}
.effect-item .inner[data-v-1ea5f262] {
  width: 600px;
  height: 300px;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
.effect-item[data-v-1ea5f262] {
    width: 150px;
}
.effect-item img[data-v-1ea5f262] {
    width: 150px;
    height: 100px;
}
}

.effect-container[data-v-2c3eb130] {
  pointer-events: none;
}
.size-0[data-v-2c3eb130] {
  font-size: 1.5rem;
  font-weight: bold;
}
.size-1[data-v-2c3eb130] {
  font-size: 1.2rem;
}
.size-2[data-v-2c3eb130] {
  font-size: 1rem;
}
.color-0[data-v-2c3eb130] {
  color: #7fff00;
}
.color-1[data-v-2c3eb130] {
  color: #008000;
}
.color-2[data-v-2c3eb130] {
  color: #f00;
}
.color-3[data-v-2c3eb130] {
  color: #9400d3;
}
.color-4[data-v-2c3eb130] {
  color: #ffc0cb;
}
.color-5[data-v-2c3eb130] {
  color: #ff0;
}
.color-6[data-v-2c3eb130] {
  color: #fff;
}
.color-7[data-v-2c3eb130] {
  color: #000;
}
@-moz-keyframes effect-in-2c3eb130 {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@-webkit-keyframes effect-in-2c3eb130 {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@-o-keyframes effect-in-2c3eb130 {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@keyframes effect-in-2c3eb130 {
0% {
    transform: translate3d(0, -100%, 0);
}
25%, 50%, 75%, 100% {
    transform: translate3d(0, 0, 0);
}
37% {
    transform: translate3d(0, -24%, 0);
}
62% {
    transform: translate3d(0, -12%, 0);
}
88% {
    transform: translate3d(0, -5%, 0);
}
}
@-moz-keyframes effect-out-2c3eb130 {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes effect-out-2c3eb130 {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@-o-keyframes effect-out-2c3eb130 {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@keyframes effect-out-2c3eb130 {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes input-box-in-2c3eb130 {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes input-box-in-2c3eb130 {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@-o-keyframes input-box-in-2c3eb130 {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@keyframes input-box-in-2c3eb130 {
0% {
    transform: translate3d(0, -2000%, 0);
}
65% {
    transform: translate3d(0, 100%, 0);
}
80% {
    transform: translate3d(0, -80%, 0);
}
100% {
    transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes inputColor-2c3eb130 {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}
@-webkit-keyframes inputColor-2c3eb130 {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}
@-o-keyframes inputColor-2c3eb130 {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}
@keyframes inputColor-2c3eb130 {
0% {
    color: #7fff00;
}
12% {
    color: #008000;
}
24% {
    color: #f00;
}
36% {
    color: #9400d3;
}
60% {
    color: #ffc0cb;
}
72% {
    color: #ff0;
}
86% {
    color: #fff;
}
100% {
    color: #000;
}
}

.handdraw-icon[data-v-30e282e2] {
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 6px 0;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 101;
}
.handdraw-icon .el-icon-s-unfold[data-v-30e282e2] {
  font-size: 20px;
  color: #409eff;
}

.mobile-mode .handdraw-view[data-v-26232a50] {
  width: 100%;
  height: 100%;
}
.pc-mode .handdraw-view[data-v-26232a50] {
  height: calc(100% + 30PX);
  width: calc(100% + 30PX);
}
.pc-mode .handdraw-view .main-img[data-v-26232a50] {
  transition: all 0.3s;
}
.handdraw-view[data-v-26232a50] {
  overflow: scroll;
}
.handdraw-view .handdraw-view-box[data-v-26232a50] {
  display: inline-block;
  position: relative;
}
.handdraw-view .handdraw-view-box .handdraw-point[data-v-26232a50] {
  position: absolute;
  width: 30px;
  height: 34px;
}
.handdraw-view .handdraw-view-box .handdraw-point .handdraw-point-img[data-v-26232a50] {
  height: 34px;
}
.handdraw-view .handdraw-view-box .handdraw-point .handdraw-name[data-v-26232a50] {
  position: absolute;
  bottom: 36px;
  left: -75px;
  box-sizing: border-box;
  z-index: 100;
  text-align: center;
  width: 180px;
  height: 26px;
  cursor: default;
}
.handdraw-view .handdraw-view-box .handdraw-point .handdraw-name p.handdraw-name-p[data-v-26232a50] {
  max-width: 180px;
  display: inline-block;
  box-sizing: border-box;
  white-space: nowrap;
  color: #fff;
  padding: 3px 6px;
  border-radius: 20px;
  font-size: 12px;
  background-color: #409efa;
  border: 2px solid #fff;
  cursor: pointer;
}
.handdraw-view .handdraw-view-box .handdraw-point .handdraw-intro[data-v-26232a50] {
  width: 180px;
  height: 120px;
  position: absolute;
  z-index: 101;
  bottom: 36px;
  left: -75px;
  box-sizing: border-box;
}
.handdraw-view .handdraw-view-box .handdraw-point .handdraw-intro .handdraw-intro-img[data-v-26232a50] {
  width: 100%;
  height: 90px;
  box-sizing: border-box;
}
.handdraw-view .handdraw-view-box .handdraw-point .handdraw-intro .handdraw-intro-name[data-v-26232a50] {
  width: 100%;
  background-color: #fff;
  height: 30px;
  color: #333;
  font-size: 14px;
  box-sizing: border-box;
  padding: 6px;
}

.tstion[data-v-3ce9a676] {
  transition: all 0.5s ease-in-out;
}
.handdraw-menu[data-v-3ce9a676] {
  position: fixed;
  top: 20px;
  right: 78px;
  z-index: 101;
}
.handdraw-menu .customNav[data-v-3ce9a676] {
  width: 100%;
}
.handdraw-menu .customNav .skin[data-v-3ce9a676] {
  display: flex;
  position: relative;
  text-align: center;
}
.handdraw-menu .customNav .skin .sp[data-v-3ce9a676] {
  flex: 1;
  position: relative;
  z-index: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 10px;
  white-space: nowrap;
  box-sizing: border-box;
}
.handdraw-menu .customNav .skin .sp .txt[data-v-3ce9a676] {
  padding: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  width: 100%;
}
.handdraw-menu .customNav .skin1[data-v-3ce9a676] {
  margin-right: 20px;
}
.handdraw-menu .customNav .skin1 .sp[data-v-3ce9a676] {
  width: 100px;
  line-height: 42px;
  padding: 0 0 0 30px;
  color: #fff;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.handdraw-menu .customNav .skin1 .sp[data-v-3ce9a676]:hover {
  color: #333;
}
.handdraw-menu .customNav .skin1 .sp[data-v-3ce9a676]:first-child {
  background-image: url(data:image/png;base64,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);
}
.handdraw-menu .customNav .skin1 .sp[data-v-3ce9a676]:last-child:before {
  content: '';
  position: absolute;
  right: -33px;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 40px;
  background-image: url(data:image/png;base64,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);
  background-size: 100% auto;
}

.vr-ctrl-box {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 20px;
  height: 40px;
  width: 100%;
  z-index: 5000;
  transition: all 0.4s;
}
.vr-ctrl-box .exit-btn,
.vr-ctrl-box .set-btn {
  flex: 1;
  height: 30px;
  text-align: center;
}
.vr-ctrl-box .exit-btn span,
.vr-ctrl-box .set-btn span {
  width: 80px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  font-size: 14px;
  border-radius: 15px;
  color: #fff;
  background: rgba(32,160,255,0.6);
}

#app[data-v-7c8dcc90] {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body,
html {
  height: 100%;
  overflow: hidden;
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
.page-content {
  background-color: #fff;
}
.strong {
  font-weight: 700;
}
.danger {
  color: #ee0a24 !important;
}
.theme,
.primary {
  color: #42a1ff !important;
}
.warning {
  color: #ff7a00 !important;
}
.info {
  color: #909399 !important;
}
.success {
  color: #07c160 !important;
}
.fs-s {
  font-size: 10px !important;
}
.fs-n {
  font-size: 12px !important;
}
.fs-m {
  font-size: 14px !important;
}
.fs-b {
  font-size: 16px !important;
}
.fs-l {
  font-size: 18px !important;
}
.fs-xl {
  font-size: 26px !important;
}
.fs-xxl {
  font-size: 30px !important;
}
.fc-b1 {
  color: #333;
}
.fc-b2 {
  color: #666;
}
.fc-b3 {
  color: #999;
}
.fc-w1 {
  color: #bbb;
}
.fc-w2 {
  color: #ddd;
}
.fc-w3 {
  color: #fff !important;
}
.point-none {
  pointer-events: none;
}
.point-auto {
  pointer-events: auto;
}
.border {
  border: 1px solid #ebeef5;
}
.border-w {
  border: 1px solid #fff;
}
.bd-t {
  border-top: 1px solid #ebeef5;
}
.bd-r {
  border-right: 1px solid #ebeef5;
}
.bd-b {
  border-bottom: 1px solid #ebeef5;
}
.bd-l {
  border-left: 1px solid #ebeef5;
}
.bd-t-w {
  border-top: 1px solid #fff;
}
.bd-r-w {
  border-right: 1px solid #fff;
}
.bd-b-w {
  border-bottom: 1px solid #fff;
}
.bd-l-w {
  border-left: 1px solid #fff;
}
.hand {
  cursor: pointer;
}
.opacity0 {
  opacity: 0 !important;
}
.opacity1 {
  opacity: 0.1 !important;
}
.opacity2 {
  opacity: 0.2 !important;
}
.opacity3 {
  opacity: 0.3 !important;
}
.opacity4 {
  opacity: 0.4 !important;
}
.opacity5 {
  opacity: 0.5 !important;
}
.opacity6 {
  opacity: 0.6 !important;
}
.opacity7 {
  opacity: 0.7 !important;
}
.opacity8 {
  opacity: 0.8 !important;
}
.opacity9 {
  opacity: 0.9 !important;
}
.fit-contain {
  object-fit: contain;
}
.fit-cover {
  object-fit: cover;
}
.fit-fill {
  object-fit: fill;
}
.fit-scale-down {
  object-fit: scale-down;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 0 0 auto;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ff-rw {
  display: flex;
  flex-flow: row wrap;
}
.ff-rn {
  display: flex;
  flex-flow: row nowrap;
}
.ff-rrw {
  display: flex;
  flex-flow: row-reverse wrap;
}
.ff-rrn {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.ff-cw {
  display: flex;
  flex-flow: column wrap;
}
.ff-cn {
  display: flex;
  flex-flow: column nowrap;
}
.ff-crw {
  display: flex;
  flex-flow: column-reverse wrap;
}
.ff-crn {
  display: flex;
  flex-flow: column-reverse nowrap;
}
.flex-2 {
  flex: 0 0 50%;
  width: 0;
}
.flex-3 {
  flex: 0 0 33.333333333333336%;
  width: 0;
}
.flex-4 {
  flex: 0 0 25%;
  width: 0;
}
.flex-5 {
  flex: 0 0 20%;
  width: 0;
}
.flex-6 {
  flex: 0 0 16.666666666666668%;
  width: 0;
}
.flex-7 {
  flex: 0 0 14.285714285714286%;
  width: 0;
}
.jc-start {
  display: flex;
  justify-content: flex-start;
}
.jc-end {
  display: flex;
  justify-content: flex-end;
}
.jc-center {
  display: flex;
  justify-content: center;
}
.jc-between {
  display: flex;
  justify-content: space-between;
}
.jc-around {
  display: flex;
  justify-content: space-around;
}
.ai-start {
  display: flex;
  align-items: flex-start;
}
.ai-end {
  display: flex;
  align-items: flex-end;
}
.ai-center {
  display: flex;
  align-items: center;
}
.ai-stretch {
  display: flex;
  align-items: stretch;
}
.mg0 {
  margin: 0px !important;
}
.mgx0 {
  margin: 0 0px;
}
.mgy0 {
  margin: 0px 0;
}
.mg1 {
  margin: 5px;
}
.mgx1 {
  margin: 0 5px;
}
.mgy1 {
  margin: 5px 0;
}
.mg2 {
  margin: 10px;
}
.mgx2 {
  margin: 0 10px;
}
.mgy2 {
  margin: 10px 0;
}
.mg3 {
  margin: 15px;
}
.mgx3 {
  margin: 0 15px;
}
.mgy3 {
  margin: 15px 0;
}
.mg4 {
  margin: 20px;
}
.mgx4 {
  margin: 0 20px;
}
.mgy4 {
  margin: 20px 0;
}
.mg5 {
  margin: 30px;
}
.mgx5 {
  margin: 0 30px;
}
.mgy5 {
  margin: 30px 0;
}
.pd0 {
  padding: 0px !important;
}
.pdx0 {
  padding: 0 0px;
}
.pdy0 {
  padding: 0px 0;
}
.pd1 {
  padding: 5px;
}
.pdx1 {
  padding: 0 5px;
}
.pdy1 {
  padding: 5px 0;
}
.pd2 {
  padding: 10px;
}
.pdx2 {
  padding: 0 10px;
}
.pdy2 {
  padding: 10px 0;
}
.pd3 {
  padding: 15px;
}
.pdx3 {
  padding: 0 15px;
}
.pdy3 {
  padding: 15px 0;
}
.pd4 {
  padding: 20px;
}
.pdx4 {
  padding: 0 20px;
}
.pdy4 {
  padding: 20px 0;
}
.pd5 {
  padding: 30px;
}
.pdx5 {
  padding: 0 30px;
}
.pdy5 {
  padding: 30px 0;
}
.mgt0 {
  margin-top: 0px !important;
}
.mgt1 {
  margin-top: 5px !important;
}
.mgt2 {
  margin-top: 10px !important;
}
.mgt3 {
  margin-top: 15px !important;
}
.mgt4 {
  margin-top: 20px !important;
}
.mgt5 {
  margin-top: 30px !important;
}
.mgr0 {
  margin-right: 0px !important;
}
.mgr1 {
  margin-right: 5px !important;
}
.mgr2 {
  margin-right: 10px !important;
}
.mgr3 {
  margin-right: 15px !important;
}
.mgr4 {
  margin-right: 20px !important;
}
.mgr5 {
  margin-right: 30px !important;
}
.mgb0 {
  margin-bottom: 0px !important;
}
.mgb1 {
  margin-bottom: 5px !important;
}
.mgb2 {
  margin-bottom: 10px !important;
}
.mgb3 {
  margin-bottom: 15px !important;
}
.mgb4 {
  margin-bottom: 20px !important;
}
.mgb5 {
  margin-bottom: 30px !important;
}
.mgl0 {
  margin-left: 0px !important;
}
.mgl1 {
  margin-left: 5px !important;
}
.mgl2 {
  margin-left: 10px !important;
}
.mgl3 {
  margin-left: 15px !important;
}
.mgl4 {
  margin-left: 20px !important;
}
.mgl5 {
  margin-left: 30px !important;
}
.pdt0 {
  padding-top: 0px !important;
}
.pdt1 {
  padding-top: 5px !important;
}
.pdt2 {
  padding-top: 10px !important;
}
.pdt3 {
  padding-top: 15px !important;
}
.pdt4 {
  padding-top: 20px !important;
}
.pdt5 {
  padding-top: 30px !important;
}
.pdr0 {
  padding-right: 0px !important;
}
.pdr1 {
  padding-right: 5px !important;
}
.pdr2 {
  padding-right: 10px !important;
}
.pdr3 {
  padding-right: 15px !important;
}
.pdr4 {
  padding-right: 20px !important;
}
.pdr5 {
  padding-right: 30px !important;
}
.pdb0 {
  padding-bottom: 0px !important;
}
.pdb1 {
  padding-bottom: 5px !important;
}
.pdb2 {
  padding-bottom: 10px !important;
}
.pdb3 {
  padding-bottom: 15px !important;
}
.pdb4 {
  padding-bottom: 20px !important;
}
.pdb5 {
  padding-bottom: 30px !important;
}
.pdl0 {
  padding-left: 0px !important;
}
.pdl1 {
  padding-left: 5px !important;
}
.pdl2 {
  padding-left: 10px !important;
}
.pdl3 {
  padding-left: 15px !important;
}
.pdl4 {
  padding-left: 20px !important;
}
.pdl5 {
  padding-left: 30px !important;
}
.lh1 {
  line-height: 12px !important;
}
.lh2 {
  line-height: 18px !important;
}
.lh3 {
  line-height: 24px !important;
}
.lh4 {
  line-height: 30px !important;
}
.lh5 {
  line-height: 36px !important;
}
.inline-block {
  display: inline-block;
}
.scroll-y {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-x {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
body .press:active {
  background-color: #f2f3f5;
  filter: saturate(300%);
}
body .maxw100p {
  max-width: 100%;
}
body .maxh100p {
  max-height: 100%;
}
body .w100p {
  width: 100% !important;
}
body .h100p {
  height: 100% !important;
}
body .w10 {
  width: 10px !important;
}
body .h10 {
  height: 10px !important;
}
body .w20 {
  width: 20px !important;
}
body .h20 {
  height: 20px !important;
}
body .w30 {
  width: 30px !important;
}
body .h30 {
  height: 30px !important;
}
body .w40 {
  width: 40px !important;
}
body .h40 {
  height: 40px !important;
}
body .w50 {
  width: 50px !important;
}
body .h50 {
  height: 50px !important;
}
body .w60 {
  width: 60px !important;
}
body .h60 {
  height: 60px !important;
}
body .w70 {
  width: 70px !important;
}
body .h70 {
  height: 70px !important;
}
body .w80 {
  width: 80px !important;
}
body .h80 {
  height: 80px !important;
}
body .w90 {
  width: 90px !important;
}
body .h90 {
  height: 90px !important;
}
body .w100 {
  width: 100px !important;
}
body .h100 {
  height: 100px !important;
}
body .w150 {
  width: 150px !important;
}
body .h150 {
  height: 150px !important;
}
body .w200 {
  width: 200px !important;
}
body .h200 {
  height: 200px !important;
}
body .w250 {
  width: 250px !important;
}
body .h250 {
  height: 250px !important;
}
body .w300 {
  width: 300px !important;
}
body .h300 {
  height: 300px !important;
}
body .w350 {
  width: 350px !important;
}
body .h350 {
  height: 350px !important;
}
body .w400 {
  width: 400px !important;
}
body .h400 {
  height: 400px !important;
}
body .w450 {
  width: 450px !important;
}
body .h450 {
  height: 450px !important;
}
body .w500 {
  width: 500px !important;
}
body .h500 {
  height: 500px !important;
}
body .w550 {
  width: 550px !important;
}
body .h550 {
  height: 550px !important;
}
body .w600 {
  width: 600px !important;
}
body .h600 {
  height: 600px !important;
}
body .w650 {
  width: 650px !important;
}
body .h650 {
  height: 650px !important;
}
body .w700 {
  width: 700px !important;
}
body .h700 {
  height: 700px !important;
}
body .w750 {
  width: 750px !important;
}
body .h750 {
  height: 750px !important;
}
body .w800 {
  width: 800px !important;
}
body .h800 {
  height: 800px !important;
}
body .w850 {
  width: 850px !important;
}
body .h850 {
  height: 850px !important;
}
body .w900 {
  width: 900px !important;
}
body .h900 {
  height: 900px !important;
}
body .w950 {
  width: 950px !important;
}
body .h950 {
  height: 950px !important;
}
body .w1000 {
  width: 1000px !important;
}
body .h1000 {
  height: 1000px !important;
}
.box-shadow {
  box-shadow: 0 0 4px 0 rgba(200,200,200,0.4);
}
.box-shadow:hover {
  box-shadow: 0 0 4px 0 #c8c8c8;
}
.padding-spacing {
  padding: 10px;
}
.margin-spacing {
  margin: 10px;
}
.border-radius {
  border-radius: 6px;
}
.box-sizing {
  box-sizing: border-box !important;
}
.content-box {
  box-sizing: content-box !important;
}
.ctrl-icon {
  color: #333;
  cursor: pointer;
  background-color: rgba(255,255,255,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  border-radius: 50%;
  z-index: 10;
}
.ctrl-icon:hover {
  background-color: rgba(255,255,255,0.9);
}
.round {
  border-radius: 50%;
}
.margin-auto {
  margin: auto;
}
.margin-xauto {
  margin: 0 auto;
}
.margin-yauto {
  margin: auto 0;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-auto {
  overflow: auto;
}
.overflow-xauto {
  overflow-x: auto;
}
.overflow-yauto {
  overflow-y: auto;
}
.pf {
  position: fixed !important;
}
.pr {
  position: relative !important;
}
.pa {
  position: absolute !important;
}
.ctrl-bar {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 5000;
}
.ctrl-bar .link {
  display: block;
}
.ctrl-bar .icon {
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer;
  background-color: rgba(238,10,36,0.88);
  border-radius: 50%;
}
.ctrl-bar .icon i {
  color: #fff;
  font-size: 18px;
}
.icon-outline .icon {
  background-color: transparent;
  position: relative;
}
.icon-outline .icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 2;
}
.ctrl-bar-mid .icon {
  width: 31.2px;
  height: 31.2px;
  line-height: 31.2px;
}
.ctrl-bar-mid .icon:after {
  position: absolute;
  content: '';
  width: 200%;
  height: 200%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ctrl-bar-mid .icon i {
  font-size: 24px;
}
.ctrl-bar-big .icon {
  width: 52px;
  height: 52px;
  line-height: 52px;
}
.ctrl-bar-big .icon i {
  font-size: 36px;
}
.ctrl-bar-topcenter {
  left: 50%;
  top: 5px;
  bottom: auto;
  right: auto;
  transform: translateX(-50%);
}
.ctrl-bar-top {
  right: 10px;
  top: 20px;
  left: auto;
  bottom: auto;
}
.ctrl-bar-lefttop {
  left: 10px;
  top: 20px;
  bottom: auto;
  right: auto;
}
.ctrl-bar-left {
  left: 10px;
  bottom: 20px;
  top: auto;
  right: auto;
}
.ctrl-bar-right {
  right: 20px;
  bottom: 20px;
  top: auto;
  left: auto;
}
.ctrl-bar-bottom {
  left: 50%;
  bottom: 12%;
  top: auto;
  right: auto;
  transform: translateX(-50%);
}
.pano-wrap,
.foot-menu,
.modal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.pano-wrap {
  top: 0;
  z-index: 2;
}
.foot-menu {
  z-index: 10;
}
.modal {
  top: 0;
  z-index: 100;
}
.link-modal,
.link-frame {
  background-color: #fff;
}
.head-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #fff;
}
.page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(50,64,87,0.5);
  z-index: 100;
}
table {
  overflow-y: auto;
}
table thead tr {
  width: 100%;
}
table thead th {
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: linear-gradient(#fdfdfd, #f9f9f9);
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.04);
  color: #666;
  font-weight: 400;
}
table thead th.name {
  text-align: left;
}
table .choose-col {
  width: 60px;
}
table .operate-col {
  width: 120px;
}
table .amount-col,
table .price-col,
table .total-col {
  width: 130px;
}
table .name-col {
  width: 330px;
}
table tbody {
  width: 100%;
  text-align: center;
}
table tbody tr,
table tbody tr td {
  padding: 20px 0;
  vertical-align: middle;
}
table tbody .choose {
  text-align: center;
}
table tbody .choose .el-checkbox__label {
  display: none;
}
table tbody .name .thumb {
  width: 80px;
  height: 80px;
  border-radius: 3px;
  border: 0 solid rgba(255,255,255,0.5);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}
table tbody .name .thumb img {
  width: 100%;
  height: 100%;
}
table tbody .name .name-table {
  max-width: 180px;
}
table tbody .name .title {
  padding: 10px 0 0 10px;
  font-size: 14px;
  line-height: 24px;
  color: #324057;
}
table tbody .name .attr {
  font-size: 12px;
  color: $black-light;
}
table tfoot {
  padding: 0 20px;
}
table tfoot tr {
  background: linear-gradient(#fdfdfd, #f9f9f9);
  border-top: 1px solid #e9e9e9;
  box-shadow: 0 -3px 8px rgba(0,0,0,0.04);
}
table tfoot tr td {
  padding-bottom: 15px;
  vertical-align: bottom;
}
table tfoot tr td .choose {
  padding: 0 20px;
}
table tfoot tr td .delete-select {
  cursor: pointer;
}
table tfoot tr td .goods-count {
  border-right: 1px solid #ddd;
}
table tfoot tr td .goods-total {
  width: 160px;
  padding: 0 10px;
}
table tfoot tr td .checkout button {
  vertical-align: bottom;
  margin-top: 20px;
}
@media only screen and (min-width: 700px) {
  body .van-dialog {
    padding: 10px;
    border-radius: 5px;
  }
  body .van-dialog .van-dialog__header {
    text-align: left;
    padding-top: 0;
    color: #333;
  }
  body .van-dialog .van-dialog__message {
    padding: 15px 0;
    display: flex;
    align-items: center;
    font-size: 13px;
  }
  body .van-dialog .van-dialog__message:before {
    font: normal normal normal 14px/1 'vant-icon';
    font-size: 20px;
    content: '\F0E0';
    color: #ff7a00;
    margin-right: 8px;
  }
  body .van-dialog .van-dialog__footer {
    justify-content: flex-end;
    padding: 8px 0 0;
  }
  body .van-dialog .van-dialog__footer .van-button {
    height: 28px;
    line-height: 26px;
    flex: 0 0 70px;
    margin-left: 10px;
    font-size: 13px;
  }
  body .van-dialog .van-dialog__footer .van-dialog__cancel {
    color: #323233;
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-radius: 999px;
  }
  body .van-dialog .van-dialog__footer .van-dialog__confirm {
    color: #fff;
    background-color: #1989fa;
    border: 1px solid #1989fa;
    border-radius: 999px;
  }
}
.el-message {
  z-index: 9999 !important;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  animation: fade 0.3s ease;
}
.fade-leave-active {
  animation: fade 0.3s ease reverse;
}
body .el-message-box {
  width: 330px;
}
body .el-message-box__wrapper {
  z-index: 9999 !important;
}
body .el-image-viewer__wrapper {
  z-index: 99999 !important;
}
body .el-image-viewer__wrapper .el-image-viewer__canvas .el-image-viewer__img {
  margin-right: 0;
}
body .van-toast {
  z-index: 9999999999 !important;
}
.scene-menun {
  position: absolute;
  bottom: 65px;
  right: 3%;
  z-index: 20;
}
.theme-pc-n .scene-nn {
  bottom: 100px !important;
  width: 70% !important;
}
.theme-pc-n .scene-menun {
  bottom: 110px !important;
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}